@media screen and (max-width: 1490px) {
    #nav .nav-item {
        display: none;
    }
    #nav .nav-right {
        display: none;
    }
    #navBox {
        display: block;
    }
    #footer .top {
        display: none;
    }
    #footer .bottom .bg {
        display: none;
    }
    .nav-switch {
        position: absolute;
        right: 16px;
    }
    #nav {
        padding: 0 16px;
        justify-content: center;
        height: 51px;
    }
    #nav .logo {
        display: none;
    }
    #nav .center-logo {
        display: block;
    }
}
@media screen and (min-width: 1490px) {
    .nav-switch {
        display: none !important;
    }
    .nav-box {
        display: none !important;
    }
}

@media screen and (max-width: 1282px) {
    .product .card-box .bd .products .item {
        height: auto;
    }

}
@media screen and (max-width: 768px) {
    .product .card-box .nav ul .item {
        margin-bottom: 0;
        /*width: 150px;*/
        text-align: center;
        font-size: 14px;
    }
    .product .card-box .nav {
        margin-bottom: 20px;
    }
    .product .card-box .nav ul .item-box:after {
        display: none !important;
    }
    #footer {
        display: none;
    }
    #footerM {
        display: block;
    }
}

@media screen and (max-width: 880px) {
    #fullSlide .hd {
        display: none;
    }
    .swiper-button-next, .swiper-button-prev {
        display: flex !important;
    }
    .product .card-box .bd .box .info .title {
        font-weight: 500;
        font-size: 16px;
    }
    .product .card-box .bd .box .info .tag-box {
        font-size: 11px;
        line-height: 20px;
    }
    .product .card-box .bd .box .info .tag-box .left {
        flex: 1;
        margin-right: 0;
        padding-right: 21px;
    }
    .product .card-box .bd .box .info .tag-box .right{
        flex: 1;
        margin-left: 21px;
    }
    .product.en .card-box .bd .box .info .tag-box .right {
        flex: 0.8;
    }
    .product .card-box .bd .box .info {
        top: 26px;
        left: 28px;
        padding-right: 28px;
    }
    .product.en .card-box .bd .box .info {
        top: 10px;
        left: 15px;
        padding-right: 28px;
        width: 100%;
    }
    .product .card-box .bd .box .info .tag-box .left {

    }

    .product .card-box .bd .box .info .animated-button {
        margin-top: 24px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 11px;
        color: #1A1D24;
        line-height: 21px;
        text-stroke: 0px #1A1D24;
        -webkit-text-stroke: 0px #1A1D24;
        box-shadow: none;
        border: none;
        border-radius: 4px;
    }
    .product .card-box .bd ul:nth-child(4) .animated-button {
        margin-top: 10px !important;
    }
    .product.en .card-box .bd ul:nth-child(1) .animated-button {
        left: 226px;
        margin-top: 44px;
    }
    .product .card-box .bd .box .info .animated-button svg {
        width: 18px;
    }
}
@media screen and (max-width: 880px) {
    .about .des-box .item .num {
        font-size: 22px;
    }
    .about .des-box .item {
        font-size: 12px;
    }
    .about-en .des-box .item .num {
        font-size: 18px;
    }
    .about-en .des-box .item .unit {
        font-size: 10px;
    }
}
@media screen and (max-width: 1350px) {
    #footer .bottom {
        flex-direction: column;
        align-items: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    #footer .bottom .copy {
        margin-top: 20px;
        font-size: 14px;
        text-align: center;
    }
    #footer .bottom img {
        width: 80%;
    }
    .capacity .bg,.capacity .marker {
        width: 100% !important;
        height: 250px !important;
    }
    .capacity .swiper-slide-active .marker,.capacity .swiper-slide-duplicate-active .marker{
        position: absolute;
        width: 80% !important;
        height: 15% !important;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 25px;
        text-align: center;
    }
    .marker .txt {
        font-size: 16px;
    }
    .duty-details .article {
        padding: 20px;
    }
    .news-center-other .list-box .list .card {
        display: block;
        padding-bottom: 70px;
    }
    .news-center-other .list-box .list .card .img {
        width: 100%;
    }
    .news-center-other .list-box .list .card .btn {
        bottom: 5px;
        right: 0px;
    }
    .list-base-info .list-box .list .item {
        width: 50%;
        padding: 0;
    }
    .list-base-info .list-box .list .item:not(:last-child) {
        border: none;
    }
    .duty-news .list-box .list .card .btn {
        display: block;
    }
    .duty-news .list-box .list .card {
        display: block;
    }
    .duty-news .list-box .list .card .img {
        width: 100%;
    }
    .contact-info .list-box .list {
        display: block;
    }
    .contact-info .list-box .list {
        padding: 20px;
    }
    .contact-info .list-box .list .cell .code {
        float: none;
    }
}
@media screen and (max-width: 930px) {
    .contact .title {
        font-size: 25px;
    }
    .contact .title-en {
        font-size: 16px;
    }
    .contact .content {
        margin-left: 10px;
    }
    .contact .content .cell .label {
        font-size: 12px;
    }
    .contact .content .cell .value {
        font-size: 14px;
    }
    .public-box .top-bg .des {
        font-size: 20px;
        left: 20px;
        bottom: 20px;
    }
    .public-box .top-nav {
        padding: 20px;
        overflow-y: scroll;
    }
    .public-box .list-box {
        padding: 20px;
    }
    .introduce .list .img {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .capacity .card .sub-title {
        font-size: 28px;
    }
    .capacity .card .des {
        font-size: 22px;
    }
    .capacity .bg,.capacity .marker {
        width: 100% !important;
        height: 150px !important;
    }
    .culture .list-box .list .top {
        display: block;
    }
}
@media screen and (max-width: 1500px) {
    .introduce .card-box, .introduce .list, .culture .list-box .list .top {
        display: block;
    }
    .culture .list-box .list .top .img {
        max-height: none;
    }
    .culture .list-box .list .top .left {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .culture .list-box .list .center {
        margin-top: 20px;
        display: block;
        height: auto;
    }
    .culture .list-box .list .center .left, .culture .list-box .list .center .right {
        width: 100%;
        height: 473px !important;
    }
    .culture .list-box .list .center .icon {
        display: none;
    }
    .culture .list-box .list .bottom {
        display: block;
    }
    .culture .list-box .list .bottom .item {
        margin-right: 0 !important;
        margin-top: 20px;
    }
    .introduce .card-box .card {
        margin-bottom: 20px;
    }
    .duty-news .list-box .list .card .btn {
        bottom: 20px;
        width: 200px;
    }
    .ability .first .card {
        display: block;
    }
    .ability .first .card .item .title {
        text-align: center;
    }
}

@media screen and (max-width: 1750px) {
    .news-center .list-box .list {
        display: block;
    }
    .news-center .list .card:not(:last-child) {
        margin-bottom: 20px;
    }
    .news-center .list .card .content .title {
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .tech-news .list-box .list {
        display: block;
    }
    .tech-news .list-box .list .nav {
        width: auto;
        height: auto;
        margin-right: 0;
        flex-direction: row;
    }
    .tech-news .list-box .list .nav {
        padding: 20px;
    }
    .tech-news .list-box .list .nav .item {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: 20px;
    }
    .tech-news .list-box .list .number-box .number {
        padding: 20px;
    }
    .tech-news .list-box .list .number-box .number .item {
        width: 130px;
    }
    .tech-news .top {
        flex-direction: column;
    }
    .public-box .list-box .top .title, .tech-news .top .search {
        margin-bottom: 20px;
    }
    .tech-news .top .search-input, .tech-news .top .search {
        width: 100%;
    }
    .tech-news .top .search-input
    .ability .list .item-box {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 10px;
    }
    .leave-message .form {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1730px) {
    #nav.en .nav-item .item:not(:last-child) {
        margin-right: 10px;
    }
    #nav.en .nav-item .item {
        font-size: 14px;
    }
}

@media screen and (max-width: 1650px) {
    .product-news .list-box .list .card {
        width: 100%;
    }
    .list-base-info .list-box .list {
        padding: 20px;
        width: 100%;
        margin-top:60px;
        margin-left: 0;
    }
    .list-base-info .list-box .list .bg {
        position: static;
        margin: 20px auto;
        width: 100%;
    }
    .ability .first .card {
        width: 100%;
    }
}
@media screen and (max-width: 960px) {
    .ability .second .nav {
        column-gap: 20px;
    }
}
@media screen and (max-width: 1250px) {
    .leave-message .form .cell {
        display: block;
        padding: 20px;
    }
    .leave-message .form .cell .input {
        width: 100%;
    }
    .leave-message .btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 750px) {
    .public-box .top-nav {
        padding: 10px 16px;
    }
    .public-box .top-nav {
        height: unset;
    }
    .public-box .top-nav .item:after {
        bottom: -10px;
    }
    .product .card-box .bd .products .item .img {
        margin-top: 20px;
        height: 80px;
    }
    .product .card-box .bd .products .item .label {
        margin: 20px 0;
        font-size: 12px;
    }
    .about .card-box .content {
        width: 100%;
    }
    .about .card-box {
        flex-direction: column;
    }
    .about .card-box .video-box {
        margin-top: 10px;
    }
    .back-top {
        width: 60px;
        height: 60px;
        bottom: 80px;
        right: 20px;
        font-size: 12px;
    }
    .news-center .list .card {
        display: block;
        height: auto;
    }
    .news-center .list .card .img {
        width: 100%;
        margin-right: 0;
    }
    .news-center .list .card .content .bottom {
        padding-top: 12px;
    }
    .news-center .list .card .content .bottom .date {
        font-size: 14px;
    }
    .news-center .list .card .content .bottom .btn {
        font-weight: 500;
        font-size: 14px;
        border: none;
        box-shadow: none;
    }
    .news-center .list .card .content .bottom .btn svg{
        fill: #0476D3;
        width: 16px;
    }
    .news-center .list .card .content .bottom .btn .arr-1 {
        right: 0;
    }
    .product-news .list-box .list .card {
        display: block;
        padding: 16px;
    }
    .product-news .list-box .list .card .img-box .btn {
        display: none;
    }
    .product-news .list-box .list .card .content .title {
        display: none;
    }
    .product-news .list-box .list .card .img-box {
        margin-right: 0;
    }
    .product-news .list-box .list .card .content .tag {
        font-weight: 400;
        font-size: 14px;
        color: #5A5A5A;
        /*text-align: center;*/
    }
    .product-news .list-box .list .card .content .tag:not(:last-child) {
        margin-bottom: 4px;
    }
    .product-news .list-box .list .card .img-box .img {
        margin-bottom: 30px;
    }
    .product-news .list-box .list .card .bottom {
        display: block;
    }
    .product-news .list-box .list .card  .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #E3E3E3;
        padding-top: 12px;
        margin-top: 12px;
    }
    .product-news .list-box .list .card .bottom .btn {
        position: relative;
        border: none;
        box-shadow: none;
        margin-top: 0;
        font-size: 14px;
        width: unset;
        color: #0476D3;
        white-space: nowrap;
    }
    .product-news .list-box .list .card .bottom .btn svg {
        width: 16px;
        fill: #0476D3;
    }
    .product-news .list-box .list .card .bottom .title{
        font-weight: 500;
        font-size: 16px;
        color: #171717;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product-details .article {
        padding: 20px;
        flex-direction: column;
        /*align-items: center;*/
    }
    .tech-news .list-box .list .nav {
        display: flex;
        justify-content: space-around;
    }
    .tech-news .list-box .list .nav .item {
        font-weight: 500;
        font-size: 12px;
        color: #FFFFFF;
        margin: 0;
    }
    .tech-news.en .list-box .list .nav .item {
        font-size: 12px;
    }
    .tech-news .list-box .list .nav .item:after {
        bottom: -7px;
        height: 1px;
    }
    .tech-news .list-box .list .number-box .number {
        gap: 9px;
        padding: 18px;
    }
    .tech-news .list-box .list .number-box .number .item {
        width: 22%;
        height: 23px;
        line-height: 23px;
        font-weight: 400;
        font-size: 12px;
        color: #343434;
        padding: 0 10px;
    }
    .tech-news .top .search {
        display: none;
    }
    .tech-news .list-box .list .number-box .tip {
        font-weight: 400;
        font-size: 12px;
        color: #8E8E8E;
        margin-top: 18px;
        padding-right: 20px;
    }
    .tech-news.en .list-box .list .number-box .tip {
        font-size: 12px;
    }
    .list-base-info .list-box .list {
        display: block;
    }
    .list-base-info .list-box .list .item {
        width: 48%;
        background: #FFFFFF;
        box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.04);
        border-radius: 6px 6px 6px 6px;
    }
    .duty-details .article .title {
        font-size: 20px;
    }
    .contact-info .list-box .list .cell .value {
        font-size: 12px;
    }
    .contact-info.en .list-box .list .cell .value {
        font-size: 12px;
    }
    .contact-info .list-box .list .cell .value .icon {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .recruit .list-box .table th {
        font-size: 14px;
        white-space: nowrap;
    }
    .recruit.en .list-box .table th {
        font-size: 10px;
    }
    .recruit .list-box .table .item td {
        white-space: nowrap;
        font-size: 12px;
    }
    .recruit .list-box .top .search-box {
        width: 100%;
        padding: 0 27px;
        margin-top: 10px;
        height: 30px;
        line-height: 30px;
    }
    .recruit .list-box .top .search-box .search-input {
        font-size: 10px;
        padding-left: 26px;
        padding-right: 26px;
    }
    .recruit .list-box .top .search-box:before {
        width: 22px;
        height: 22px;
        top: 5px;
        right: 31px;
    }
    .recruit .list-box .top .search-box:after {
        width: 3px;
        height: 3px;
        top: 15px;
    }
    .recruit .list-box .table {
        margin-top: 19px;
    }
    .recruit .list-box .table th,.recruit .list-box .table .item td {
        height: 47px;
        line-height: 47px;
    }
    /*.list-box .table .item td {*/
    /*    max-width: 100px;*/
    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    /*}*/
    .layui-table td, .layui-table th {
        padding: 0;
    }
    .recruit .list-box .table tr td:first-child,.recruit .list-box .table tr th:first-child{
        padding-left: 12px;
    }
    .recruit .list-box .table .content {
        padding: 14px;
    }
    .recruit .list-box .table .btn {
        width: 103px;
        height: 35px;
        font-size: 12px;
        padding: 7px 20px;
    }
    .recruit .listpages a {
        font-size: 12px;
    }
    .recruit .list-box .table .btn svg {
        width: 18px;
    }
    .recruit .list-box .top .search-input::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 10px;
        color: #A5A5A5;
    }
    .recruit .list-box {
        padding: 0 !important;
    }
    .ability .second .nav .item {
        font-size: 14px;
        padding: 5px;
    }
    .ability.en .second .nav .item {
        font-size: 10px;
    }
    .ability .content {
        font-size: 14px;
        row-gap: unset;
    }
    .ability .content p{
        text-align: center;
    }
    .leave-message .form .cell .label {
        margin-right: 0;
        font-size: 16px;
        width: 50px;
    }
    .leave-message.en .form .cell .label {
        font-size: 16px;
    }
    .leave-message-en .form .cell .label {
        width: 80px;
    }
    .leave-message .form .cell .input {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 10px;
        border-radius: 4px;
    }
    .leave-message.en .form .cell .input {
        font-size: 14px;
    }
    .leave-message .form .cell .input::placeholder {
        font-size: 14px;
    }
    .leave-message.en .form .cell .input::placeholder {
        font-size: 14px;
    }
    .leave-message .form {
        margin-top: 0;
        padding: 16px;
        row-gap: 12px;
    }
    .leave-message .form .cell {
        padding: 0;
        display: flex;
        align-items: flex-start;
    }
    .leave-message .form .cell .must:before {
        left: -10px;
    }
    .leave-message .form .cell textarea.input {
        height: 100px;
    }
    .leave-message .btn {
        width: 60px;
        height: 30px;
        font-size: 14px;
        margin: 0 auto;
    }
    .public-box .list-box .top .title {
        font-size: 20px;
        display: none;
    }
    .public-box .list-box .top .title:after {
        bottom: -10px;
        height: 2px;
    }
    .market .cell {
        font-size: 20px;
    }
    .introduce .list .cell .item {
        font-size: 14px;
    }
    .introduce.en .list .cell .item {
        font-size: 14px;
    }
    .introduce .list .cell .item:not(:last-child) {
        margin-bottom: 12px;
    }
    .duty .card-box .articles .item {
        padding-left: 0;
        padding-right: 0;
    }
    .product .card-box .bd .products, .duty .box, .about .card-box, .product .card-box .bd .box, .about .des-box {
        width: 90%;
    }
    .product .card-box .bd .box {
        height: 311px;
    }
    .duty .card-box .articles .item {
        padding: 10px;
        background: #FFFFFF;
        box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
        border-radius: 0px 0px 0px 0px;
    }
    .duty .card-box .articles .item:not(:last-child) {
        margin-bottom: 16px;
    }
    .duty .card-box .articles .item .btn {
        position: relative;
        margin-top: 0px;
        bottom: unset;
        padding-left: 15px;
        font-weight: 400;
        font-size: 12px;
        border: none;
        box-shadow: none;
        background: unset;
    }
    .duty .card-box .articles .item:hover .btn {
        color: #fff;
    }
    .duty .card-box .articles .item:hover .btn svg{
        fill: #fff;
    }
    .duty .card-box .articles .item .btn svg {
        width: 16px;
    }
    .duty .card-box .articles .item {
        height: auto;
    }
    .contact {
        height: auto;
        padding: 10px 0;
        margin-bottom: 16px;
        margin-top: 24px;
        background: url("/resources/templates/default_v2/images/company-bg-m.png");
    }
    .main-box .title-box .title {
        margin-bottom: 15px;
    }
    .main-box .title-box .title span {
        font-size: 20px;
    }
    .main-box .title-box .des {
        font-size: 12px;
    }
    .domain .card-box .card .title {
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 10px;
        color: #FFFFFF;
    }
    .domain .card-box .card .no {
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 6px;
        color: #FFFFFF;
    }
    .domain .card-box .card .des {
        bottom: 8px;
    }
    .domain .card-box .card:hover:after {
        height: 4px;
    }
    .domain .card-box {
        overflow-x: scroll;
        column-gap: 10px;
    }
    .domain .card-box .card {
        /*min-width: 112px;*/
        min-width: 31%;
    }
    .about .card-box .content .title {
        font-size: 26px;
    }
    .about .card-box .content .info {
        font-size: 14px;
    }
    .main-box .title-box {
        height: 100px;
    }
    .contact .top-border {
        margin-top: 16px;
        margin-bottom: 10px;
    }
    .contact .bottom-border {
        margin-bottom: 18px;
        margin-top: 10px;
    }
    .contact .content .cell {
        margin-bottom: 6px;
        justify-content: center;
    }
    .contact .content .cell .label {
        font-size: 8px;
        color: #DBDBDB;
    }
    .contact .content .cell .value {
        font-size: 8px;
        font-weight: bold;
    }
    .contact .btn {
        font-weight: 500;
        font-size: 6px;
        padding: 4px 9px;
    }
    .contact .btn svg {
        width: 10px;
        position: unset;
    }
    .contact .btn .text {
        transform: unset;
    }
    .public-box .top-nav .item:not(:last-child) {
        margin-right: 20px;
    }
    .public-box .top-nav .item {
        font-size: 16px;
    }
    .public-box .top-nav .item:after {
        height: 2px;
    }
    .product .card-box .nav ul {
        width: 90%;
    }
    .product.en .card-box .nav ul {
        overflow-x: scroll;
        display: flex;
        line-height: 30px;
    }
    .product.en .card-box .nav ul .item:after {
        bottom: 1px;
    }
    .product.en .card-box .nav ul .item-box {
        width: auto;
        white-space: nowrap;
    }
    .product.en .card-box .nav ul .item-box:not(:last-child) {
        margin-right: 15px;
    }
    .domain .card-box .card:not(:last-child) {
        border-right: 0;
    }
    .product .card-box .nav ul .item:after {
        height: 1px;
    }
    .about .btn {
        width: 118px;
        height: 36px;
        border-radius: 0px 0px 0px 0px;
        border: 2px solid #E9E9E9;
        font-weight: 400;
        font-size: 14px;
        color: #0B0B0B;
        justify-content: center;
        padding: 7px 0;
    }
    .about .btn  svg {
        width: 18px;
    }
    .duty .card-box .nav .item {
        font-weight: 500;
        font-size: 12px;
    }
    .duty.en .card-box .nav .item {
        font-weight: 500;
        font-size: 12px;
        max-width: 200px;
        white-space: normal;
    }
    .duty .card-box .nav .item:not(:last-child) {
        margin-bottom: 0;
        /*max-width: 100px;*/
    }
    .duty .card-box .nav .item .nav-title {
        overflow: unset;
        margin-right: 15px;
    }
    .duty .card-box .nav {
        align-items: center;
    }
    .duty .card-box .nav .btn {
        bottom: unset;
        width: 65px;
        height: 20px;
        font-family: Microsoft YaHei, Microsoft YaHei;
        font-weight: 400;
        font-size: 8px;
        color: #0476D3;
        padding: 0;
        align-items: center;
        justify-content: center;
    }

    .duty .card-box .nav .btn svg {
        width: 10px;
    }
    .duty .card-box .nav .item .line {
        bottom: -4px!important;
    }
    .duty.en .card-box .nav .item .line {
        bottom: 1px!important;
        left: 30px;
        height: 1px;
    }
    .duty .card-box .nav {
        margin-bottom: 22px;
    }
    .duty.en .card-box .nav .nav-item-box {
        display: flex;
        width: 80%;
        overflow-x: scroll;
        line-height: 30px;
    }
    .duty .card-box .articles .item .day {
        font-weight: 500;
        font-size: 22px;
        color: #383838;
        margin-bottom: 11px;
        display: none;
    }
    .duty .card-box .articles .item .grey {
        font-size: 14px;
        margin-bottom: 4px;
        display: none;
    }
    .duty .card-box .articles .item .txt {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .duty .card-box .articles .item .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .duty .card-box .articles .item .bottom .date{
        display: block;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        font-size: 12px;
        color: #9F9F9F;
    }
    .duty .card-box .articles .item .img {
        margin-bottom: 12px;
    }
    .contact .title {
        font-weight: 500;
        font-size: 18px;
        color: #FFFFFF;
        margin-bottom: 3px;
        display: none;
    }
    .contact .title-en {
        font-weight: 500;
        font-size: 8px;
        color: #FFFFFF;
        display: none;
    }
    .product, .about {
        padding-bottom: 20px;
    }
    .recruit .list-box .top .center-title {
        font-weight: 500;
        font-size: 14px;
        color: #171717;
        margin-top: 24px;
        margin-bottom: 4px;
    }
    .recruit .list-box .top .des {
        font-weight: 400;
        font-size: 12px;
        color: #B1B1B1;
    }
    .public-box .list-box {
        padding: 16px;
    }
    .capacity .card .des {
        font-weight: 400;
        font-size: 14px;
        color: #4E4E4E;
        line-height: 26px;
        letter-spacing: 2px;
    }
    .capacity.en .card .des {
        font-size: 14px;
    }
    .capacity .card:nth-child(even) .sub-title {
        font-weight: 500;
        font-size: 14px;
        color: #1A1D24;
        margin-bottom: 16px;
    }
    .capacity .swiper-pagination-bullet,
    .honor .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }
    .capacity .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .capacity .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet,
    .honor .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .honor .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin-right: 8px;
        margin-left: 0;
    }
    .capacity .swiper-horizontal>.swiper-pagination-bullets,
    .capacity .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -15px;
    }
    .honor .swiper-horizontal>.swiper-pagination-bullets,
    .honor .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -52px;
    }
    .capacity .card .sub-title {
        font-weight: 500;
        font-size: 16px;
        color: #008ED8;
        margin-bottom: 16px;
    }
    #showVideo {
        width: 83px;
    }
    .dev-news .list-box .list {
        flex-direction: column;
    }
    .dev-news .list-box .list .nav {
        width: 100%;
        height: auto;
        display: flex;
        background: unset;
        overflow-x: scroll;
        margin-top: 22px;
        margin-bottom: 33px;
    }
    .dev-news .list-box .list .nav .bg{
        display: none;
    }
    .dev-news .list-box .list .nav .item {
        font-weight: 400;
        font-size: 12px;
        color: #5A5A5A;
        white-space: nowrap;
        line-height: unset;
        padding-left: 0;
    }
    .dev-news .list-box .list .nav .item:after {
        content: '';
        display: block;
        height: 1px;
        background: #0476D3;
        width: 0;
        transition: width 0.5s;
        margin-top: 8px;
    }
    .dev-news .list-box .list .nav .item.active:after {
        width: 100%;
    }
    .dev-news .list-box .list .nav .item:not(:last-child) {
        margin-right: 22px;
        padding: 0;
        min-width: auto;
        overflow: unset;
    }
    .dev-news .list-box .list .nav .item.active {
        font-weight: 400;
        font-size: 12px;
        color: #0476D3;
        background: unset;
        height: unset;
    }
    .dev-news.en .list-box .list .nav .item.active {
        font-size: 12px;
    }
    .dev-news.en .list-box .list .nav .item {
        font-size: 12px;
    }
    .dev-news .list-box .list .card-box .title {
        display: none;
    }
    .dev-news .list-box .list .card-box .item {
        margin-right: 0;
    }
    .news-center .list .card {
        padding: 16px;
    }
    .news-center .list .card .img {
        height: 226px;
    }
    .news-center .list .card .content .title {
        font-weight: 500;
        font-size: 18px;
        color: #171717;
        margin: 12px 0;
    }
    .news-center.en .list .card .content .title {
        font-size: 18px;
    }
    .news-center-other {
        background: #F8F8F8;
    }
    .news-center-other .list-box .list .card {
        background: #FFFFFF;
        box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.04);
        border-radius: 6px 6px 6px 6px;
        border: none;
        padding: 16px;
    }
    .news-center-other .list-box .list .card .content .date {
        display: none;
    }
    .news-center-other .list-box .list .card .content .des {
        font-weight: 400;
        font-size: 14px;
        color: #171717;
        margin: 12px 0;
    }
    .news-center-other.en .list-box .list .card .content .des {
        font-size: 14px;
    }
    .news-center-other .list-box .list .card .img {
        height: 196px;
        margin-right: 0;
    }
    .news-center-other .list-box .list .card .bottom .date {
        display: inline-block;
    }
    .news-center-other .list-box .list .card  .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #E3E3E3;
        padding-top: 12px;
    }
    .news-center-other .list-box .list .card .btn {
        position: relative;
        border: none;
        box-shadow: none;
        margin-top: 0;
        font-size: 14px;
    }
    .news-center-other .list-box .list .card .btn svg {
        width: 16px;
    }
    .duty-news .top {
        display: block;
    }
    .duty-news .top .search {
        margin-bottom: 16px;
        width: 100%;
        display: none;
    }
    .duty-news .top .search-input {
        width: 100%;
    }
    .duty-news .list-box .list .card {
        padding: 16px;
    }
    .duty-news .list-box .list .card .content .year {
        display: none;
    }
    .duty-news .list-box .list .card .content .des {
        font-weight: 400;
        font-size: 14px;
        color: #171717;
        margin: 12px 0;
    }
    .duty-news.en .list-box .list .card .content .des {
        font-size: 14px;
    }
    .duty-news.en .list-box .list .card .btn {
        font-size: 14px;
    }
    .duty-news .list-box .list .card .bottom .date {
        display: inline-block;
    }
    .duty-news .list-box .list .card .bottom .date {
        display: inline-block;
    }
    .duty-news .list-box .list .card  .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #E3E3E3;
        padding-top: 12px;
    }
    .duty-news .list-box .list .card .btn {
        position: relative;
        border: none;
        box-shadow: none;
        margin-top: 0;
        font-size: 14px;
        width: unset;
        right: unset;
        align-items: center;
        display: flex;
        bottom: unset;
        right: unset;
    }
    .duty-news .list-box .list .card .btn svg {
        width: 16px;
        right: 0;
    }
    .product-details .article .content .title {
        font-weight: 500;
        font-size: 18px;
        color: #171717;
        margin-bottom: 38px;
    }
    .product-details .article .content .cell .value, .product-details .article .content .cell .label {
        font-weight: 400;
        font-size: 14px;
        color: #5A5A5A;
    }
    .product-details .article .img {
        width: 100%;
        height: unset;
    }
    .product-details .article .content .title:after {
        bottom: -14px;
        height: 4px;
    }
    .list-base-info .list-box .list .bg {
        display: none;
    }
    .list-base-info .list-box .list {
        padding: 0;
        margin-top: 0;
        background: unset;
        display: flex;
        gap: 13px;

    }
    .list-base-info .list-box .list .item {
        padding-top: 11px !important;
        padding-bottom: 16px;
    }
    .list-base-info .list-box .list .item .label {
        font-weight: 400;
        font-size: 14px;
        color: #A7A7A7;
        margin-bottom: 6px;
    }
    .list-base-info.en .list-box .list .item .label {
        font-size: 14px;
    }
    .list-base-info .list-box .list .item .value {
        font-weight: 500;
        font-size: 16px;
        color: #1A1D24;
    }
    .list-base-info.en .list-box .list .item .value {
        font-size: 16px;
    }
    .market .cell {
        font-weight: 400;
        font-size: 14px;
        color: #4E4E4E;
        margin: 0;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .market.en .cell {
        font-size: 14px;
    }
    .market .sub-title {
        font-weight: 600;
        font-size: 16px;
        color: #0476D3;
        margin-bottom: 16px;
    }
    .market.en .sub-title {
        font-size: 16px;
    }
    .market .cell .txt.wrap {
        width: unset;
        flex: 1;
    }
    .market .cell .line-height {
        line-height: unset;
    }
    .culture .list-box .list .top .left .item .info .sub-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .culture.en .list-box .list .top .left .item .info .sub-title {
        font-size: 16px;
    }
    .culture .list-box .list .top .left .item .info .des {
        font-size: 12px;
        margin-bottom: 12px;
        width: unset;
        line-height: 26px;
    }
    .culture.en .list-box .list .top .left .item .info .des {
        font-size: 12px;
    }
    .culture .list-box .list .top .left .item .icon {
       display: none;
    }
    .culture .list-box .list .top .left .item:not(:last-child) {
        margin-bottom: 12px;
    }
    .culture .list-box .list .top .left {
        margin-bottom: 12px;
    }
    .culture .list-box .list .center {
        margin-top: 12px;
    }
    .culture .list-box .list .center .left, .culture .list-box .list .center .right {
        height: unset !important;
    }
    .culture .list-box .list .center .right {
        padding: 16px;
    }
    .culture .list-box .list .center .right .sub-title {
        font-size: 16px;
    }
    .culture.en .list-box .list .center .right .sub-title {
        font-size: 16px;
    }
    .culture .list-box .list .center .right .des {
        font-size: 14px;
    }
    .culture.en .list-box .list .center .right .des {
        font-size: 14px;
    }
    .culture .list-box .list .center .right .cell {
        margin-bottom: 12px;
    }
    .culture .list-box .list .center .left .bottom-logo {
        width: 80%;
        left: 50%;
        top: 50%;
        transform: translate(-50%);
    }
    .culture .list-box .list .bottom {
        margin-top: 12px;
    }
    .culture .list-box .list .bottom .item .sub-title {
        font-size: 16px;
        margin: 12px 0;
    }
    .culture.en .list-box .list .bottom .item .sub-title {
        font-size: 16px;
    }
    .culture .list-box .list .bottom .item .des {
        font-size: 12px;
        line-height: 26px
    }
    .culture.en .list-box .list .bottom .item .des {
        font-size: 12px;
    }
    .culture .list-box .list .bottom .item .img {
        height: unset;
    }
    .contact-info .list-box .list .cell .label {
        font-size: 16px;
    }
    .contact-info.en .list-box .list .cell .label {
        font-size: 16px;
    }
    .contact-info .list-box .list .cell:not(:last-child) {
        margin-bottom: 12px;
    }
    .ability .card-box .main-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .ability .first .card .item .title {
        font-size: 18px;
    }
    .ability.en .first .card .item .title {
        font-size: 18px;
    }
    .ability .first .card .item .bottom .tag {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .ability.en .first .card .item .bottom .tag {
        font-size: 16px;
    }
    .ability .first .card .item .bottom {
        padding: 16px;
    }
    .ability .first .card .item .bottom .des {
        font-size: 12px;
    }
    .ability.en .first .card .item .bottom .des {
        font-size: 12px;
    }
    .ability .first .card .item .title {
        padding: 20px 0;
        font-weight: 400;
    }
    .ability .card-box {
        margin-bottom: 20px;
    }
    .ability .second .img {
        margin-top: 20px;
    }
    .ability .third {
        margin-top: 20px;
        font-weight: 400;
    }
    .ability .four {
        margin-top: 20px;
    }
    .ability .list .item-box .img {
        width: 50px;
        height: 50px;
        margin-bottom: 0;
    }
    .ability .list .item-box .title {
        font-size: 8px;
    }
    .ability.en .list .item-box .title {
        height: 30px;
        width: 50px;
    }
    .ability .list .item-box {
        flex-wrap: wrap;
    }
    .contact-info .list-box .list .cell .tips {
        font-size: 16px;
        text-align: center;
    }
    .contact-info.en .list-box .list .cell .tips {
        font-size: 16px;
    }
    .contact-info .list-box .list .cell .code {
        font-size: 18px;
    }
    .contact-info.en .list-box .list .cell .code {
        font-size: 18px;
    }
    .contact-info #map {
        height: 300px;
    }
    .video, #fullSlide .bd .bg {
        height: auto;
        aspect-ratio: 10/6;
    }
    #nav {
        position: sticky;
        top: 0;
    }
    #fullSlide .bd .box .info .title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    #fullSlide .bd .box .info .tag {
        font-size: 14px;
        margin-bottom: 6px;
        margin-top: 0;
    }
    #fullSlide .bd .box .info .content {
        font-size: 12px;
        color: #D3D3D3;
    }
    #fullSlide .bd .box .info {
        /*width: 90%;*/
        left: 15px;
        bottom: 30px;
    }
    .listpages a {
        font-size: 14px;
    }
    .market .cell .txt img {
        width: 100% !important;
    }
    .public-box .top-bg .des {
        font-size: 16px;
    }
    .public-box.en .top-bg .des {
        font-size: 16px;
    }
    .public-box .top-bg .bg-image {
        aspect-ratio: 10/5;
        min-height: unset;
    }
    .domain .click-box .left, .domain .click-box .right, .product .card-box .bd .products-box .products-left, .product .card-box .bd .products-box .products-right {
        display: none;
    }

    .honor .list-box .top .des {
        font-size: 10px;
        text-align: center;
    }
    .honor .list-box .top .line {
        width: 26px;
        height: 3px;
        margin: 12px 0;
    }
    .honor.en .list-box .top .title {
        display: block;
        font-size: 12px;
    }
    .honor .list-box .top {
        margin-bottom: 21px;
    }
    .honor .list-box .list .item {
        width: 288px;
        height: 390px;
    }
    .honor .list-box .list .title-bg {
        display: none;
    }
    .honor .list-box .list .title-bg-m {
        display: block;
        width: 110%;
        bottom: -46px;
        height: 48px;
        position: absolute;
        left: -22px;
    }
    .honor .list .item .title {
        font-size: 14px;
        padding-top: 9px;
    }
    .honor .list-box .list {
        margin-bottom: 50px;
        margin-left: 33px;
    }
    .honor .list .item .img {
        margin-bottom: 20px;
    }
    .honor .list-box .list .item {
        padding-right: 46px;
    }
    .duty .card-box .articles.active {
        display: block;
    }
    .duty .card-box .articles .item .txt {
        height: unset;
    }
    #nav .center-logo.en img {
        height: auto;
    }
    #nav .center-logo.en {
        height: auto;
    }
}